<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.以前变量自己加1
        var num = 1;
        num = num + 1;
        console.log(num);

        // 放在变量前面是前置递增(递减)运算符  放在变量后面是后置递增(递减)运算符
        //只配合变量使用
        /* 1.前置递增运算符 */
        var age = 10;
        ++age;  //类似于age=age+1
        console.log(age);

        /* 2. 口诀：先加1后返回值*/
        var p = 10;
        console.log(++p + 10);
        console.log(p++ + 10);

        /* 3.后置递增(递减)运算符 */
        var age1 = 10;
        age1++;
        console.log(age1);

        //前置和后置自增如果单独使用效果一样
        //后置自增，口诀：先返回原值，后自加
        var age3 = 10;
        console.log(age3++ + 10);  //先算age3+10这个表达式的值，然后age3=age3+1
        console.log(age3);  //这里的值是11

    </script>
</head>

<body>

</body>

</html>